<script setup>
import { defineProps } from 'vue'

defineProps({
  userMenu: Array
})

</script>
<template>
  <template v-for="menu in userMenu">
    <!-- && menu.children[0].menuType === 1 -->
    <el-sub-menu v-if="menu.children && menu.children.length > 0 && menu.children[0].menuType == 1" :index="menu._id"
      :key="menu._id">
      <template #title>
        <span>{{ menu.menuName }}</span>
      </template>
      <TreeMenu :userMenu="menu.children" />
    </el-sub-menu>
    <template v-else-if="menu.menuType == 1">
      <el-menu-item :index="menu.path" :key="menu._id">
        {{ menu.menuName }}
      </el-menu-item>
    </template>
  </template>
</template>
